<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>围住神经猫</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<script src="easeljs-0.8.1.min.js"></script>
	<script src="jquery.min.js"></script>
	<style>
	*{margin:0;padding: 0;}
	#container{
		margin: 0 auto;
		width:70%;
		height:100%;
		background: url('img/back.jpg') no-repeat fixed -200px -250px;
		padding-top: 10px;
		overflow: hidden;
	}
	 #game{
	 	margin: 0 auto;/* 对没有指明元素高度宽度也不会起作用*/
	 	display: block;/* 对于非块级元素没有的话不起作用canvas不是块级元素*/
	 	border:1px solid #aaaccc;
	 	padding:5px 0 0 40px;
	 }
	 #operate{list-style: none;height: 100%;overflow: hidden;display: block;margin-left: 110px;}
	 #operate li{float: left; }
	 #operate li img{margin:10px 0  0 20px;height:50px;width:50px;	 	 }
	 span{font:13pt "微软雅黑";margin-left: 8px;line-height: 70px;}
	</style>
</head>
<body>
	<div id="container">
	  <canvas id="game" height="580px" width="650px">
	  </canvas> 
	  <!--  <audio id="music"   controls = "controls">
	  	<source src="music/music2.mp3" type="audio/mpeg">
	  </audio> -->
    <ul id = "operate">
	<li><img src="img/shauxin.jpg" onclick="window.location.reload();"/></li>
	<li><span id="msg">再来一次</span></li>
    </ul>
</div>		
</body>
	 <script src="circle.js"></script>
	 <script src="app.js"></script>  
</html>